<!doctype html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <title>零售订单</title>

    <!-- Bootstrap CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- 自定义css -->
    <link href="css/RetOdr.css" rel="stylesheet">
</head>

<body>


    <!--顶栏-->
    <nav class="navbar navbar-dark fixed-top flex-md-nowrap p-0 shadow">
        <a class="navbar-brand col-sm-3 col-md-2 mr-0" href="#">万家乐 OCP</a>
        <div class="navbar-title">OCP 全渠道数字平台</div>
        <ul class="navbar-nav px-3">
            <li class="nav-item text-nowrap">
                <a class="nav-link" id="signoutl">未登录</a>&nbsp;&nbsp;
                <a class="nav-link" href="RetailerLogin.html" id="signout" onclick="delRtCookie(username)">注销</a>
            </li>
        </ul>
    </nav>


    <div class="container-fluid">
        <div class="row">
            <!--左侧栏-->
            <nav class="col-md-2 d-none d-md-block bg-light sidebar">
                <div class="sidebar-sticky">

                    <ul class="nav flex-column">
                        <li class="nav-item">
                            <a class="nav-link" href="SubHome.html">
                                <span data-feather="home"></span>
                                首页 <span class="sr-only">(current)</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="SubmitOrder.html">
                                <span data-feather="file"></span>
                                1 提交订单
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="UnhandledOrders.html">
                                <span data-feather="shopping-cart"></span>
                                2 待处理订单
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="PurchaseOrders.html">
                                <span data-feather="users"></span>
                                3 采购订单
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link active" href="">
                                <span data-feather="bar-chart-2"></span>
                                4 零售订单
                            </a>
                        </li>
                    </ul>
                </div>
            </nav>

            <!--内容部分-->
            <main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-4">
                <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3">

                </div>
                <!--第一行-->

                <div class="row">
                    <div class="col">经销商名称：<input type="text"></div>
                    <div class="col">所属网店：<input type="text"></div>
                    <div class="col">发货状态：
                        <select>
                            <option>请选择</option>
                            <option>待发货</option>
                            <option>已发货</option>
                            <option>已签收</option>
                            <option>暂停发货</option>
                            <option>已取消</option>
                        </select>
                    </div>
                    <div class="col">订单状态：
                        <select>
                            <option>请选择</option>
                            <option>已完成</option>
                            <option>已取消</option>
                            <option>已签收</option>
                            <option>已发货</option>
                            <option>已提交</option>
                            <option>已审核</option>
                            <option>已出仓</option>
                        </select>
                    </div>
                </div>

                <!--第二行-->
                <div class="row">
                    <div class="col">订单日期：<input type="text"></div>
                    <div class="col">至 <input type="text"></div>
                    <div class="col">网上订单编号：<input type="text"></div>
                    <div class="col">电商外部订单号：<input type="text"></div>
                </div>

                <!--第三行-->
                <div class="row">
                    <div class="col">付款日期：<input type="text"></div>
                    <div class="col">至 <input type="text"></div>
                    <div class="col">产品编码：<input type="text"></div>
                    <div class="col">产品型号：<input type="text"></div>
                </div>

                <!--第四行-->
                <div class="row">
                    <div class="col">发货日期：<input type="text"></div>
                    <div class="col">至 <input type="text"></div>
                    <div class="col">快递公司：<input type="text"></div>
                    <div class="col">快递单号：<input type="text"></div>
                </div>

                <!--第五行-->
                <div class="row">
                    <div class="col">订单来源：
                        <select>
                            <option>请选择</option>
                            <option>京东</option>
                            <option>天猫</option>
                            <option>苏宁</option>
                        </select>
                    </div>
                    <div class="col">收货人姓名：<input type="text"></div>
                    <div class="col">收货人电话：<input type="text"></div>
                    <div class="col">收货地址：<input type="text"></div>
                </div>

                <!--第六行-->
                <div class="row">
                    <div class="col"><input type="checkbox">买家留言</div>
                    <div class="col"><input type="checkbox">买家备注</div>
                    <div class="col">
                        <button type="button" class="btn btn-danger btn-sm">
                            查询
                        </button>
                    </div>
                </div>

                <div style="overflow-x: scroll">
                    <!-- 表格 -->
                    <table class="table table-bordered">
                        <!--表头-->
                        <thead class="thead-light">
                            <tr>
                                <th>序号</th>
                                <th>订单来源</th>
                                <th>经销商</th>
                                <th>所属网店</th>
                                <th>订单状态</th>
                                <th>发货状态</th>
                                <th>订单日期</th>
                                <th>付款日期</th>
                                <th>发货日期</th>
                                <th>订单金额</th>
                                <th>实付金额</th>
                                <th>重量（kg）</th>
                                <th>运费</th>
                                <th>收货地址</th>
                                <th>收货人姓名</th>
                                <th>收货人电话</th>
                                <th>快递公司</th>
                                <th>快递单号</th>
                            </tr>
                        </thead>
                        <!--表身-->
                        <tbody id="pdout">
                            <tr id="item">
                                <td id="1">1</td>
                                <td id="source"></td>
                                <td id="rtname"></td>
                                <td id="store"></td>
                                <td id="odrstatus"></td>
                                <td id="shpstatus"></td>
                                <td id="odrdate"></td>
                                <td id="paidate"></td>
                                <td id="shipdate"></td>
                                <td id="odrprice"></td>
                                <td id="actprice"></td>
                                <td id="weight"></td>
                                <td id="freight"></td>
                                <td id="addr"></td>
                                <td id="recname"></td>
                                <td id="phone"></td>
                                <td id="expco"></td>
                                <td id="expno"></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                </br>

                <!--页码-->
                <div>
                    <ul class="pagination">
                        <li class="page-item disabled"><a class="page-link" href="#">上一页</a></li>
                        <li class="page-item active"><a class="page-link" href="#">1</a></li>
                        <li class="page-item"><a class="page-link" href="#">2</a></li>
                        <li class="page-item"><a class="page-link" href="#">3</a></li>
                        <li class="page-item"><a class="page-link" href="#">下一页</a></li>
                    </ul>
                </div>

                <!--底部汇总信息-->
                <div id="info">
                    <span id="left" class="font-weight-bold">合计</span>
                    <span id="right">
                        <span>数量：</span>
                        <span>体积：</span>
                        <span>订单金额：</span>
                    </span>
                </div>




            </main>
        </div>
    </div>


    <!-- Bootstrap JavaScript
    ================================================== -->
    <!-- 放在底部页面加载更快 -->
    <script src="js/jquery-3.5.1.min.js"></script>
    <script src="js/bootstrap.bundle.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <!-- 自定义 js -->
    <script src="js/OCP.js"></script>
    <script src="js/RetOdr.js"></script>
    <script>
        getRetailerOdr();
    </script>
</body>

</html>